import 'package:demo1/pages/second_page.dart';
import 'package:flutter/material.dart';

class Home extends StatelessWidget {
  const Home({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
          title: Text("主页")
      ),
      body: Center(
        child: Column( // 使用Column包装两个按钮
          mainAxisAlignment: MainAxisAlignment.center,//垂直居中对齐
          children: [
            ElevatedButton(
              child: Text("去第二页"),
              onPressed: () {
                //使用Navigator.push(导航器)进行页面跳转
                // Navigator.push(
                //     context,
                //     MaterialPageRoute(
                //       builder: (context) => SecondPage(),
                //     )
                // );

                // 还可以在main中建立路线，然后选择路线进行跳转
                Navigator.pushNamed(context, '/second_page');
              },
            ),
            SizedBox(height: MediaQuery.of(context).size.height * 0.1), // 根据屏幕高度动态设置间距
            ElevatedButton(
              child: Text("去第三页"),
              onPressed: () {
                //使用Navigator.push(导航器)进行页面跳转
                // Navigator.push(
                //     context,
                //     MaterialPageRoute(
                //       builder: (context) => SecondPage(),
                //     )
                // );

                // 还可以在main中建立路线，然后选择路线进行跳转
                Navigator.pushNamed(context, '/gridview_page');
              },
            ),
            SizedBox(height: MediaQuery.of(context).size.height * 0.1,),
            ElevatedButton(
              child: Text("堆栈页"),
              onPressed: () {
                Navigator.pushNamed(context, '/stackPage');
              },
            ),
          ],
        ),
      ),
    );
  }
}

